<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <title>立即下单</title>
    <meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0" name="viewport" />
    <meta content="yes" name="apple-mobile-web-app-capable" />
    <meta content="black" name="apple-mobile-web-app-status-bar-style" />
    <meta content="telephone=no" name="format-detection" />
    <!-- 引入核心样式 -->
    <link rel="stylesheet" href="//unpkg.com/vue-ydui/dist/ydui.rem.css">
    <link href="http://appimg.yinsoso.com/css/style-min.css" rel="stylesheet">
    <link href="http://appimg.yinsoso.com/css/public.css" rel="stylesheet">
    <!--当前页面的css-->
    <link href="../../css/seckillSettle.css" rel="stylesheet">
    <!-- 引入核心JS -->
    <script src="http://appimg.yinsoso.com/js/vue.min.js"></script>
    <script src="//unpkg.com/vue-ydui"></script>
    <script src="http://appimg.yinsoso.com/js/3.2.0-jquery.min.js"></script>
    <script src="http://appimg.yinsoso.com/js/index.min.js"></script>
    <script src="http://appimg.yinsoso.com/js/fastclick.min.js"></script>
    <script src="http://appimg.yinsoso.com/js/common.js" type="text/javascript" ></script>
    <style type="text/css">
        body {
            background-color: inherit;
            font-size: inherit;
        }
    </style>

</head>

<body>
    <div id="app" v-show="pageFalg">
        <div style="position: relative;display: block" v-show="pageType==1">
            <div class="reveived-addr" v-show="addressNum>=1" @click="showAddress(2)">
                <div class="addr-img"><img src="../../../images/me/icon12.png" /></div>
                <div class="addr-info">
                    {{ad.name}} &nbsp;&nbsp;{{ad.mobile}}
                    <div class="text">
                        {{ad.province}}{{ad.city}}{{ad.district}}{{ad.address}}
                    </div>
                </div>
            </div>
            <div class="reveived-adv" v-show="addressNum<1" @click="showAddress(2)">
                <i class="icon-add"></i><span class="text-h1">点击添加收货地址</span>
            </div>
            <div class="reveived-info">
                <img :src="goods.head_img" />
                <div class="info-right">
                    <div class="info-title">{{goods.goods_title}}</div>
                    <div class="info-color">
                        <span class="price">{{goods.specName}}</span>
                    </div>
                    <div class="info-price">
                        <span>X{{goods.num}}</span> <span class="price">¥{{goods.specsPrice}}</span>
                    </div>
                </div>
            </div>
            <div class="reveived-pay">
                <ul>
                    <li>
                        <span class="pay-name">运费</span>
                        <span class="pay-price" v-if="!goods.isFree">¥{{goods.freight_money}}</span>
                        <span class="pay-price" v-else>¥0.00</span>
                    </li>
                    <li>
                        <p class="pay-name" style="display: block;">买家留言</p>
                        <p class="pay-text"><textarea placeholder="选填，对本次交易的说明，不超过100字" v-model="userRemark"></textarea></span>
                    </li>
                    <li>
                        <span class="pay-name">发票</span>
                        <span class="pay-value" @click="showAddress(4)">{{ticketText}}<img src="../../../images/recruit2.png" alt=""></span>
                    </li>
                </ul>
            </div>
            <div style="height: 0.27rem;width: 100%;background:#F8F8F8"></div>
            <div class="order-info-title">支付方式</div>
            <div class="weui-cells weui-cells_radio" style="margin-top: 0">
                <yd-cell-group>
                    <yd-cell-item type="radio">
                        <span slot="left">
                            <p style="font-size: 15px">
                                <img src="http://pa6xzs40h.bkt.clouddn.com/seckills/icon5.png" alt="" style="width:20px;height:20px;vertical-align: middle;">
                                <span>支付宝</span>
                        </p>
                        </span>
                        <input slot="right" type="radio" value="1" v-model="picked" />
                    </yd-cell-item>

                    <yd-cell-item type="radio">
                        <span slot="left">
                                <p style="font-size: 15px">
										<img src="http://pa6xzs40h.bkt.clouddn.com/seckills/icon6.png" alt="" style="width:20px;height:20px;">
										<span>微信</span>
                        </p>
                        </span>
                        <input slot="right" type="radio" value="2" v-model="picked" />
                    </yd-cell-item>
                </yd-cell-group>

            </div>
            <div class="verify">
                请仔细核对以上订单信息，提交后将无法修改
            </div>
            <div style="height: 50px;"></div>
            <div class="reveived-operate ">
                <div class="reveived-operate-box">
                    <div class="realpay">实付总计：<span>¥{{goods.amount}}</span></div>
                    <div class="operateBtn" @click="submitPayBtn">立即支付</div>
                </div>
            </div>
        </div>
        <!--begin 所有收货地址-->
        <div style="position: relative;" v-show="pageType==2">
            <div v-for="(item, index) in addressList" :key="index">
                <div class="reveived-addr">
                    <div class="addr-img"><img src="../../../images/me/icon12.png" /></div>
                    <div class="addr-info" v-on:click="showAccount(item)">
                        {{item.name}} &nbsp;&nbsp;{{item.mobile}}
                        <div class="text">
                            {{item.province}}{{item.city}}{{item.district}}{{item.address}}
                        </div>
                    </div>
                </div>
                <div class="take-box">
                    <div class="take-box-left">
                        <span class="default" v-if="item.is_default==1"><i class="active"></i>默认地址</span>
                        <span class="default" v-else><i></i>默认地址</span>
                    </div>
                    <div class="take-box-right">
                        <span class="edit" v-on:click="editAddress(item)"><i></i>编辑</span>
                        <span class="del" v-on:click="delAddress(item)"><i></i>删除</span>
                    </div>
                </div>
                <div style="background-color: #EEEEEE;height: 10px;width: 100%;"></div>
            </div>
            <!-- 新增按钮 -->
            <div style="height: 50px;"></div>
            <div class="addressBtnBox" v-on:click="showAddress(3)">
                <button class="btn">新增收货地址</button>
            </div>
        </div>
        <!--end 所有收货地址-->
        <!--begin 新增收货地址 -->
        <div style="position: relative;" v-show="pageType==3">
            <div class="row-li">
                <label>收货人:</label>
                <input type="text" v-model="from.name">
            </div>
            <yd-cell-group>
                <yd-cell-item arrow>
                    <span slot="left">收货地区：</span>
                    <input slot="right" type="text" @click.stop="show1 = true" v-model="model1" readonly placeholder="请选择收货地址">
                </yd-cell-item>
            </yd-cell-group>
            <yd-cityselect v-model="show1" :callback="result1" :items="district"></yd-cityselect>
            <div class="row-li">
                <label>详细地址:</label>
                <input type="text" v-model="from.addressDesc">
            </div>
            <div class="row-li">
                <label>手机号码:</label>
                <input type="text" v-model="from.mobile" type="number">
            </div>
            <div class="row-li clearfix">
                <label>默认地址:</label>
                <yd-switch v-model="switch1" style="display:inline-block;float: right;"></yd-switch>
                <p class="gray">注：每次下单时会使用该地址</p>

            </div>
            <div class="btn-normal-box">
                <button class="btn-normal" @click="saveAddress" type="button">{{saveAddressText}}</button>
                <button class="btn-normal" @click="showAddress(2)" type="button" style="background-color: #DDD;color: #333">取消</button>
            </div>


        </div>
        <!--end 新增、编辑收货地址-->
        <!-- 开发票 -->
        <div style="position: relative;" v-show="pageType==4">
            <div class="row-li">
                <label>公司名称:</label>
                <input type="text" v-model="ticket.invoiceCompany">
            </div>
            <div class="row-li">
                <label>税号:</label>
                <input type="text" v-model="ticket.invoiceTax">
            </div>
            <div class="row-li">
                <label>银行名称:</label>
                <input type="text" v-model="ticket.invoiceBank">
            </div>
            <div class="row-li">
                <label>银行卡号:</label>
                <input type="text" v-model="ticket.invoiceAccount">
            </div>
            <!-- <div class="row-li" style="display:none;">
                <label>开户行名称:</label>
                <input type="text" v-model="ticket.name">
            </div> -->
            <div class="btn-normal-box">
                <button class="btn-normal" @click="saveTicket(1)" type="button">确认开票</button>
                <button class="btn-normal" @click="saveTicket(2)" type="button" style="background-color: #DDD;color: #333">取消开票</button>
            </div>
        </div>
        <!-- 开发票 -->
    </div>
    <script src="//unpkg.com/ydui-district/dist/gov_province_city_area_id.js"></script>
    <!-- <script src="https://cdn.bootcss.com/jquery-weui/1.2.0/js/city-picker.min.js"></script> -->
    <script src="../js/seckillSettle.js"></script>

</body>

</html>